import React from 'react';
import { List, WhiteSpace } from 'antd-mobile';
import './indes.sass';

class ContractList extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div className="customer-contract-list-container">
        <Contract />
        <WhiteSpace size="xs" />
        <Contract />
      </div>
    );
  }
}

class Contract extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <List className="customer-contract-item global-list">
        <List.Item extra="SBJTT2016120200005">
          <span className="gray">合同编码</span>
        </List.Item>
        <List.Item extra="已生效">
          <span className="gray">合同状态</span>
        </List.Item>
        <List.Item extra="新签">
          <span className="gray">签约类型</span>
        </List.Item>
        <List.Item extra="金柚宝（标准）">
          <span className="gray">签单产品</span>
        </List.Item>
        <List.Item extra="5880">
          <span className="gray">签约金额（元）</span>
        </List.Item>
        <List.Item extra="常规合同">
          <span className="gray">合同类型</span>
        </List.Item>
        <List.Item extra="2016-12-02至2017-12-01">
          <span className="gray">合同有效期</span>
        </List.Item>
        <List.Item extra="已到款">
          <span className="gray">到款状态</span>
        </List.Item>
        <List.Item extra="杭州今元标矩科技有限公司">
          <span className="gray">合同签约主体</span>
        </List.Item>
        <List.Item extra="无锡">
          <span className="gray">部门</span>
        </List.Item>
        <List.Item extra="李玉浩">
          <span className="gray">签单人</span>
        </List.Item>
      </List>
    );
  }
}

export default ContractList;
